import 'package:flutter/material.dart';
import 'package:flutter_module/global/colors.dart';
import 'package:flutter_screenutil/screen_util.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        //appBar: AppBar(
        //  backgroundColor: Colors.black26,
        //  title: Text('container'),
        //),
        body: yuePage(),
      ),
    );
  }
}
class yuePage extends StatefulWidget {
  yuePage({Key key}) : super(key: key);

  @override
  _yuePageState createState() {
    return _yuePageState();
  }
}

class _yuePageState extends State<yuePage> {

  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    ScreenUtil.init(
      BoxConstraints(
          maxWidth: MediaQuery.of(context).size.width,
          maxHeight: MediaQuery.of(context).size.height
      ),
      designSize: Size(1080,2340),
    );
    return Scaffold(
      backgroundColor:Color(0xff000B1F) ,
      appBar: AppBar(
        backgroundColor: Color(0xff000B1F),
        title: Text(
          '我的钱包',
          style:TextStyle(
            color:Colors.white,
          ),
        ),
        centerTitle: true,
        leading: IconButton(
          icon: Icon(Icons.arrow_back,color: Colors.white),
          onPressed: (){
            Navigator.pop(context);
          },
        ),
        actions: [
          InkWell(
            onTap: (){

            },
            child: Center(
              child: Text(
                '余额明细',
                style:TextStyle(
                  fontSize: 17,
                  color:Colors.white70,
                ),
              ),
            ),
          ),
          SizedBox(width: ScreenUtil().setWidth(40),),
        ],
      ),
      body: Container(
        margin: EdgeInsets.fromLTRB(
          ScreenUtil().setWidth(0),
          ScreenUtil().setHeight(0),
          ScreenUtil().setWidth(0),
          ScreenUtil().setWidth(0),
        ),
        padding: EdgeInsets.fromLTRB(
          ScreenUtil().setWidth(30),
          ScreenUtil().setHeight(30),
          ScreenUtil().setWidth(30),
          ScreenUtil().setHeight(0),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              height: ScreenUtil().setHeight(200),
              child: Center(
                child: Image.asset(
                  'assets/images/money.png',
                  //fit: BoxFit.,
                ),
              ),
            ),
            Container(
              width: ScreenUtil().screenWidth,
              height: ScreenUtil().setHeight(100),
              margin: EdgeInsets.fromLTRB(
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(100),
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(0),
              ),
              child: Center(
                child: Text(
                  '我的余额',
                  style:TextStyle(
                    fontSize: ScreenUtil().setSp(50),
                    color:Colors.white,
                  ),
                ),
              ),
            ),
            Container(
              width: ScreenUtil().screenWidth,
              height: ScreenUtil().setHeight(100),
              child: Center(
                child: Text(
                  '￥ 898.33',
                  style:TextStyle(
                    fontSize: ScreenUtil().setSp(70),
                    color:Colors.white,
                  ),
                ),
              ),
            ),
            Container(
              width: ScreenUtil().screenWidth,
              height: ScreenUtil().setHeight(100),
              margin: EdgeInsets.fromLTRB(
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(90),
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(0),
              ),
              child: Center(
                child: Container(
                  height: ScreenUtil().setHeight(100),
                  width: ScreenUtil().setWidth(700),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Image.asset(
                        'assets/images/bit.png',
                        width: ScreenUtil().setHeight(60),
                        height: ScreenUtil().setHeight(60),
                        fit: BoxFit.cover,
                      ),
                      SizedBox(width: ScreenUtil().setWidth(20),),
                      Text(
                        'BTC/比特币',
                        style:TextStyle(
                          fontSize: ScreenUtil().setSp(60),
                          color:Colors.white,
                        ),
                      ),
                      SizedBox(width: ScreenUtil().setWidth(50),),
                      Text(
                        '300/1000',
                        style:TextStyle(
                          fontSize: ScreenUtil().setSp(55),
                          color:Colors.white,
                        ),
                      )
                    ],
                  ),
                ),
              ),
            ),
            Container(
              width: ScreenUtil().screenWidth,
              height: ScreenUtil().setHeight(100),
              margin: EdgeInsets.fromLTRB(
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(20),
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(0),
              ),
              child: Center(
                child: Container(
                  height: ScreenUtil().setHeight(100),
                  width: ScreenUtil().setWidth(700),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Image.asset(
                        'assets/images/eth.png',
                        width: ScreenUtil().setHeight(60),
                        height: ScreenUtil().setHeight(60),
                        fit: BoxFit.cover,
                      ),
                      SizedBox(width: ScreenUtil().setWidth(20),),
                      Text(
                        'ETH/以太坊',
                        style:TextStyle(
                          fontSize: ScreenUtil().setSp(60),
                          color:Colors.white,
                        ),
                      ),
                      SizedBox(width: ScreenUtil().setWidth(50),),
                      Text(
                        '300/1000',
                        style:TextStyle(
                          fontSize: ScreenUtil().setSp(55),
                          color:Colors.white,
                        ),
                      )
                    ],
                  ),
                ),
              ),
            ),
            Container(
              width: ScreenUtil().screenWidth,
              height: ScreenUtil().setHeight(100),
              margin: EdgeInsets.fromLTRB(
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(400),
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(0),
              ),
              child: Center(
                child: Container(
                  width: 100,
                  height: 40,
                  decoration: BoxDecoration(
                    color: Color(0xff13C6CD),
                    borderRadius: BorderRadius.all(Radius.circular(8)),
                  ),
                  child: Center(
                    child: Text(
                      '充  币',
                      style:TextStyle(
                        fontSize: ScreenUtil().setSp(45),
                        color:Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
            ),
            Container(
              width: ScreenUtil().screenWidth,
              height: ScreenUtil().setHeight(100),
              margin: EdgeInsets.fromLTRB(
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(100),
                ScreenUtil().setWidth(0),
                ScreenUtil().setHeight(0),
              ),
              child: Center(
                child: Container(
                  width: 100,
                  height: 40,
                  decoration: BoxDecoration(
                    color: Color(0xff13C6CD),
                    borderRadius: BorderRadius.all(Radius.circular(8)),
                  ),
                  child: Center(
                    child: Text(
                      '提  币',
                      style:TextStyle(
                        fontSize: ScreenUtil().setSp(45),
                        color:Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}